/* element Cascader 级联选择器更新后出现的bug解决方案 */

/* 1.级联选择器的高度有问题，占据的高度太高，无法选择某些选项
   2.不能像以前一样点击文字实现效果，而要靠点击圆圈有效
   3.点击圆圈后内容框竟然无法自动收缩 */

/* 解决高度太高的问题 */
.el-cascader-menu {
  height: 300px;
}
.el-cascader {
  width: 100%;
}

/* 解决圆圈文本问题 */
.el-cascader-panel .el-radio {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  top: 10px;
  right: 10px;
}
.el-cascader-panel .el-radio__input {
  visibility: hidden;
}
/* 这个样式针对IE有用，不考虑IE的可以不用管*/
.el-cascader-panel .el-cascader-node__postfix {
  top: 10px;
}
/* 解决elementUI css定义无效问题 */
/* 图片列表样式 */
.el-upload-list {
  width: 50% !important;
}

/* 解决上传文件名显示不全 */
.el-upload-list__item-name {
  margin-right: 0px;
}
// 限制上传一个头像时生效
.limitStyle {
  .el-upload--picture-card {
    display: none;
  }
}
.el-button--primary.is-plain {
  background: #fff;
  &:focus,
  &:hover {
    background: #fff;
    border-color: #409eff;
    color: #409eff;
  }
}
.el-button--danger.is-plain {
  background: #fff;
  &:focus,
  &:hover {
    background: #fff;
    border-color: #f56c6c;
    color: #f56c6c;
  }
}
/* ElementUI面包屑组件样式 */
.el-breadcrumb {
  height: 20px;
  margin-bottom: 8px;
  font-size: 12px;
}
/* ElementUI卡片组件样式 */
.el-card {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
}
/* 内置滚动条组件样式调整 */
.el-scrollbar__wrap {
  overflow-x: hidden;
}
.el-select-dropdown {
  .el-scrollbar__wrap {
    overflow: scroll;
  }
}
/* switch样式调整---start */
.defineSwitch {
  .el-switch__label * {
    line-height: 1;
    font-size: 12px;
    display: inline-block;
  }
  .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
    font-size: 12px !important;
  }
  /*打开时文字位置设置*/
  .el-switch__label--right {
    z-index: 1;
    right: -15px;
  }
  /*关闭时文字位置设置*/
  .el-switch__label--left {
    z-index: 1;
    left: 23px;
  }
  /*显示文字*/
  .el-switch__label.is-active {
    display: block;
  }
  /*开关宽度*/
  .el-switch .el-switch__core,
  .el-switch .el-switch__label {
    width: 50px !important;
  }
}
/* switch样式调整---end */
